<extend name="Public/common"/>
<block name="othercss"> 
<style>
    .header .all ul {
        display: block !important;
    }
    .footer{
        background-color: #f4f4f4;
    }
</style>
</block>
<block name="header">
</block>
<block name="sidebar">
</block>
<block name="footer">
</block>
<block name="body">
<a style="background-image: url('{$theme_path}/images/index1.jpg')" class="body_bg wow fadeIn" href="{:urlrotue('Index/index')}">
    <!--猪猪-->
    <div class="bg_icon1 wow bounceInLeft" data-wow-duration="1.7s">
        <img src="{$theme_path}/images/banner_guide_icon1.png" />
    </div>
    <!--big_title-->
    <div class="bg_icon2 wow bounceInRight" data-wow-delay="1s" data-wow-duration="2s">
        <img src="{$theme_path}/images/banner_guide_icon2.png" width="120"/>
    </div>
    <!--small_title-->
    <div class="bg_icon3 wow fadeIn" data-wow-duration="1.5s" data-wow-delay="3s">
        <img src="{$theme_path}/images/banner_guide_icon3.png" width="180"/>
        <div style="color:#fff; margin-top:10vh">广东百宝库网络有限公司</div>
    </div>
</a>
<script>
    new WOW().init();
	
    window.onload = function () {
        setInterval(go, 6000);
    };
    //利用了全局变量来执行
    function go(){  location.href="{:urlrotue('Index/index')}";  }
</script>

</block>
